import { Platform, StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  header: {
    height: Metrics.navBarHeight,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    ...Platform.select({
      ios: {
        paddingHorizontal: 10,
        paddingTop: 16,
        backgroundColor: '#eee',
        borderBottomWidth: 1,
        borderBottomColor: '#dfdfdf',
      },
      android: {
        paddingHorizontal: 15,
        backgroundColor: 'white',
        elevation: 1
      }
    })
  },
  headerCenter: {
    width: '40%',
    alignItems: 'center',
  },
  headerTitle: {
    ...Platform.select({
      ios: {
        fontSize: 17,
      },
      android: {
        fontSize: 18,
        color: 'black',
      }
    }),
    fontWeight: '600',
  },
  headerIcon: {
    fontSize: 16,
  },
  headerLeft: {
    width: '30%',
    flexDirection: 'row',
    alignItems: 'center'
  },
  headerRight: {
    width: '30%',
    alignItems: 'flex-end',
  },
})
